<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>校园生活</title>
	    <style>
			header{
				width: 100%;
				height: 120px;
				background-color: palevioletred;
			}
			.header_center{
				float: center;
				width: 40%;
				padding-left: 10%;
				padding-right: 15xp;
				color: black;
			}
			.header_right{
				float: right;
				width: 60%;
				text-align: right;
				padding-right: 10%;
			}
			.wt{font-size: 40px;color: black;}
			.wl{font-size: 18px;color: black;}
			button{
				font-size: 18px;
				background-color: palevioletred;
				color: black;
				width: 80px;
				height: 36px;
				}
				.container{
					width: 100%;
					min-height: 100%;
					padding: 15px;
				}
				.container_left{
					float: left;
					width: 10%;
					height: 450px;
					font-size: 20px;
				}
				.container_right{
					float: left;
					margin-left: 20px;
					width: 78%;
					height: 1000px;
					background-color: pink;
				}
				.box{
					background-color: pink;
				}
				.box2{
					font-size: 20px;
				}

		</style>
</head>
<body class="box">
        <header>
			<div class="header_left">
				<div class="wt">
					<center>
						校园生活
					</center>
				</div>

			</div>
			<div class="header_right">
				<a href="/">个人介绍</a>
				<a href="/dailylife">日常生活</a>
				<a href="/animals">猫猫狗狗</a>
			</div>
		</header>
		<div >
        <center class="box2">
			<h5>有天下课在回宿舍的路上看到的，我们都觉得是啄木鸟。</h5>
            <img src="static/imgs/小鸟.jpg" alt="" width="300px">
			<h5>夜晚的校园，还挺好看。</h5>
			<img src="static/imgs/校园.jpg" alt="" width="300px">
			<h5>返校第一天，和孙菲出去吃的饭。</h5>
			<img src="static/imgs/校园1.jpg" alt="" width="300px">
			<img src="static/imgs/校园2.jpg" alt="" width="300px">
		</center>
        </div>

</body>
</html>